<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    
</body>
<script>

    // 批处理

    const p1 = ajax("A");
    const p2 = ajax("B");
    const p3 = ajax("C");


    // Promise.all([p1, p2, p3]).then(res=>{
    //     console.log(res)
    // }).catch(res=>{
    //     console.log(res)
    // })

    // Promise.any([p1, p2, p3]).then(res=>{
    //     console.log(res)
    // }).catch(res=>{
    //     console.log(res)
    // })

    // Promise.race([p1, p2, p3]).then(res=>{
    //     console.log(res)
    // }).catch(res=>{
    //     console.log(res)
    // })

    // Promise.allSettled([p1, p2, p3]).then(res=>{
    //     console.log(res)
    // }).catch(res=>{
    //     console.log(res)
    // })
    

    function ajax(url){
        return new Promise((resolve, reject)=>{
            setTimeout(()=>{
                resolve(url + "成功");
            }, Math.random() * 1000);

            setTimeout(()=>{
                reject(url + "失败");
            }, Math.random() * 1000);
        });
    }

</script>
</html>